﻿<!-- offer products -->
<div class="section with-carousel">
    <div class="container">

        <div class="row carousel-container offer">
            <div class="col-xs-12 col-sm-12">

                <h4 class="section-title">Hàng bán chạy</h4>
                <div class="section-body">

                    <!-- carousel control nav direction -->
                    <div class="control-direction">
                        <ul class="direction-nav carousel-direction">
                            <li>
                                <a class="carousel-prev btn" href="#">
                                    <span class="icon-arrow_left"></span>
                                </a>
                            </li>
                            <li>
                                <a class="carousel-next btn" href="#">
                                    <span class="icon-arrow_right"></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- /carousel control nav direction -->

                    <!-- carousel wrapper -->
                    <div class="carousel-wrapper row" data-minitems="1" data-maxitems="4" data-loop="true" data-autoplay="false" data-slideshow-speed="3000" data-speed="300">
                        <ul class="products-container product-grid carousel-list portrait animated" data-animation="fadeInUp">

                            <li>
                                <div class="product">
                                    <a href="#" class="product-link clearfix">
                                        <div class="ribbon special"></div>
                                        <div class="product-thumbnail">
                                            <img src="~/Content/Home/img/offer/Robert-Rodriguez-Lace-Applique-Pleated-Strapless-Dress.jpg" alt="" />
                                            <div class="caption bottom-left">$110</div>
                                        </div>
                                    </a>
                                    <div class="product-info clearfix">
                                        <h4 class="title">
                                            <a href="#">Woman Summer Dresses</a>
                                        </h4>
                                        <div class="details">
                                            <p>
                                                Model: <a href="#">Saverina Dark</a>
                                            </p>
                                            <p class="by">
                                                by: <a href="#">shopfast</a>
                                            </p>
                                        </div>
                                        <a href="#" class="add-to-cart">
                                            <span class="icon-shopcart"></span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="product">
                                    <a href="#" class="product-link clearfix">
                                        <div class="product-thumbnail">
                                            <img src="~/Content/Home/img/offer/Nanette-Lepore-La-Boqueria-Embroidered-Top-Flamenco-Floral-Print-Skirt.jpg" alt="" />
                                            <div class="caption bottom-left">$110</div>
                                            <div class="caption top-right">- 20%</div>
                                        </div>
                                    </a>
                                    <div class="product-info clearfix">
                                        <h4 class="title">
                                            <a href="#">Woman Summer Dresses</a>
                                        </h4>
                                        <div class="details">
                                            <p>
                                                Model: <a href="#">Saverina Dark</a>
                                            </p>
                                            <p class="by">
                                                by: <a href="#">shopfast</a>
                                            </p>
                                        </div>
                                        <a href="#" class="add-to-cart">
                                            <span class="icon-shopcart"></span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="product">
                                    <a href="#" class="product-link clearfix">
                                        <div class="ribbon special"></div>
                                        <div class="product-thumbnail">
                                            <img src="~/Content/Home/img/offer/2013-Women-s-O-neck-Retro-Sequins-Floral-Printed-Pure-Silk-Satin-Dress-IM-02311378-1.jpg" alt="" />
                                            <div class="caption bottom-left">$110</div>
                                        </div>
                                    </a>
                                    <div class="product-info clearfix">
                                        <h4 class="title">
                                            <a href="#">Woman Summer Dresses</a>
                                        </h4>
                                        <div class="details">
                                            <p>
                                                Model: <a href="#">Saverina Dark</a>
                                            </p>
                                            <p class="by">
                                                by: <a href="#">shopfast</a>
                                            </p>
                                        </div>
                                        <a href="#" class="add-to-cart">
                                            <span class="icon-shopcart"></span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="product">
                                    <a href="#" class="product-link clearfix">
                                        <div class="product-thumbnail">
                                            <img src="~/Content/Home/img/offer/Nanette-Lepore-Go-Crazy-Mixed-Knit-Dress.jpg" alt="" />
                                            <div class="caption bottom-left">$110</div>
                                            <div class="caption top-right">- 20%</div>
                                        </div>
                                    </a>
                                    <div class="product-info clearfix">
                                        <h4 class="title">
                                            <a href="#">Woman Summer Dresses</a>
                                        </h4>
                                        <div class="details">
                                            <p>
                                                Model: <a href="#">Saverina Dark</a>
                                            </p>
                                            <p class="by">
                                                by: <a href="#">shopfast</a>
                                            </p>
                                        </div>
                                        <a href="#" class="add-to-cart">
                                            <span class="icon-shopcart"></span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="product">
                                    <a href="#" class="product-link clearfix">
                                        <div class="ribbon special"></div>
                                        <div class="product-thumbnail">
                                            <img src="~/Content/Home/img/offer/Nanette-Lepore-Amorcito-One-Shoulder-Knit-Dress.jpg" alt="" />
                                            <div class="caption bottom-left">$110</div>
                                        </div>
                                    </a>
                                    <div class="product-info clearfix">
                                        <h4 class="title">
                                            <a href="#">Woman Summer Dresses</a>
                                        </h4>
                                        <div class="details">
                                            <p>
                                                Model: <a href="#">Saverina Dark</a>
                                            </p>
                                            <p class="by">
                                                by: <a href="#">shopfast</a>
                                            </p>
                                        </div>
                                        <a href="#" class="add-to-cart">
                                            <span class="icon-shopcart"></span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="product">
                                    <a href="#" class="product-link clearfix">
                                        <div class="product-thumbnail">
                                            <img src="~/Content/Home/img/offer/Nanette-Lepore-Barcelona-Crochet-Blazer-Sunbathe-Printed-Sleeveless-Top.jpg" alt="" />
                                            <div class="caption bottom-left">$110</div>
                                            <div class="caption top-right">- 20%</div>
                                        </div>
                                    </a>
                                    <div class="product-info clearfix">
                                        <h4 class="title">
                                            <a href="#">Woman Summer Dresses</a>
                                        </h4>
                                        <div class="details">
                                            <p>
                                                Model: <a href="#">Saverina Dark</a>
                                            </p>
                                            <p class="by">
                                                by: <a href="#">shopfast</a>
                                            </p>
                                        </div>
                                        <a href="#" class="add-to-cart">
                                            <span class="icon-shopcart"></span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="product">
                                    <a href="#" class="product-link clearfix">
                                        <div class="ribbon special"></div>
                                        <div class="product-thumbnail">
                                            <img src="~/Content/Home/img/offer/2013-New-Women-s-O-neck-Short-Sleeve-Slim-Dot-Printed-Pure-Silk-Satin-Dress-IM-03151261-1.jpg" alt="" />
                                            <div class="caption bottom-left">$110</div>
                                        </div>
                                    </a>
                                    <div class="product-info clearfix">
                                        <h4 class="title">
                                            <a href="#">Woman Summer Dresses</a>
                                        </h4>
                                        <div class="details">
                                            <p>
                                                Model: <a href="#">Saverina Dark</a>
                                            </p>
                                            <p class="by">
                                                by: <a href="#">shopfast</a>
                                            </p>
                                        </div>
                                        <a href="#" class="add-to-cart">
                                            <span class="icon-shopcart"></span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="product">
                                    <a href="#" class="product-link clearfix">
                                        <div class="product-thumbnail">
                                            <img src="~/Content/Home/img/offer/Alexander-McQueen-Cap-Sleeve-Puckered-Jacquard-Sheath-Dress.jpg" alt="" />
                                            <div class="caption bottom-left">$110</div>
                                            <div class="caption top-right">- 20%</div>
                                        </div>
                                    </a>
                                    <div class="product-info clearfix">
                                        <h4 class="title">
                                            <a href="#">Woman Summer Dresses</a>
                                        </h4>
                                        <div class="details">
                                            <p>
                                                Model: <a href="#">Saverina Dark</a>
                                            </p>
                                            <p class="by">
                                                by: <a href="#">shopfast</a>
                                            </p>
                                        </div>
                                        <a href="#" class="add-to-cart">
                                            <span class="icon-shopcart"></span>
                                        </a>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>
                    <!-- /carousel wrapper -->

                </div>

            </div>
        </div>

    </div>
</div>
<!-- /offer products -->

